Overview
Testing site url : http://customer.univox.com.au
Here is the starting point of Customer Account create: http://customer.univox.com.au/customer-create-accout.html

There are 2 API integrated in this portal
1) ABN lookup
2) Address Lookup (Address finder)

we have used mainly JavaScript object with JavaScript LocalStorage (These pages are separate each other so I had to keep each form information temporary in localstorage), jQuery and each section will push to relevant objects.

Below are the main JavaScript objects. you are able to "POST" collected information into back.
we have done front end validation for each forms.
Before start integration, appreciate if you could go through the process to end section. These two options will be the last section (according to previous selection criteria one of this will route.)
http://customer.univox.com.au/customer-bill-payment-method-personal.html
http://customer.univox.com.au/customer-bill-payment-medthod-non-personal.html


1) Once you are in Last step "NEXT" button- This button should be the final data posting to backend (I have put console log for the all the objects with data. this will not show in console until you comment " window.location.href = "./customer-thank-you.html";") You will have to write coding to post above collected information to the backend.

This is a function within "Next button" and it has been coded in "cust_script.js". This function will show all the collected information in the console
objCustPost();


Step-1 - CREATE ACCOUNT
	getcustCreateAccountObj={
		"accountType": "ABN holder"
		"email": "hiroshanawanni@gmail.com"
		"password": "Samath@2019"
	}


Step-2 - ABN DETAILS / Entity
	getCustEntityDetailsObj = {
		"dateRegister": ""
		"entityName": "WANNIARACHCHI, CHAMINDA HIROSHANA"
		"entityType": "Individual/Sole Trader"
		"state": ""
		"tradingName":[0]
	}


Step-3 - YOUR DETAILS
	getCustYourDetailsObj={
		"firstName": "Chaminda"
		"lastName": "Wanniarachchi"
		"mobileNumber": "449173025"
		"phoneNumber": "401282460"
		"prefix": "03"
		"title": "Mr"
	}


Step-4 - ID VERIFICATION
	getCustIdVerificationObj{
		"idVerificationStatus": "Y"
		"dVerificationType": "Drivers licence"
	}


Step-5 - ADDRESS DETAILS
	getCustAddressDetailsObj={
		"deliveryPostCode": "3977"
		"deliveryState": "VIC"
		"deliveryStreetName": "Trueman"
		"deliveryStreetNumber": "21"
		"deliveryStreetType": "Street"
		"deliverySuburb": "CRANBOURNE WEST"
		"deliveryUnitNumber": null
		"postCode": "3977"
		"state": "VIC"
		"streetName": "Trueman"
		"streetNumber": "21"
		"streetType": "Street"
		"suburb": "CRANBOURNE WEST"
		"unitNumber": null
	}


Step-5 - MONTHLY BILL PAYMENT METHOD
	getCustBillPaymentMethodObj={
		"billPaymentMethod": "Direct debit from credit/debit card"
		"custSendInvoiceTo": "hiroshana@samath.com.au"
	}



Step-6 - DIRECT DEBIT REQUEST (DDR)
Direct Debit from Credit Card or Debit Card
	getCustDirectDebitFromCreditCardObj={
		"cVV": "123"
		"cardExp": "10-2019"
		"cardNumber": "1234123412341234"
		"cardSignatory": "Chaminda Hiroshana Wanniarachchi"
		"nameOnCard": "C Wanniarachchi"
	}
Step-6 - DIRECT DEBIT REQUEST (DDR)
Direct Debit from a bank account
	getCustDirectDebitFromBankObj={
		"accountName": ""
		"accountNumber": ""
		"accountSignatory1": ""
		"accountSignatory2": ""
		"bankName": ""
		"bsb": ""
	}
	
	
you will have to do full coding for the these pages.
Customer Sing in
http://customer.univox.com.au/customer-sign-in.html

Reset Password
http://customer.univox.com.au/customer-password-reset.html
